<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>仿qq筛选</title>
    <link rel="stylesheet" href="js筛选.css">
</head>

<body>
    <div class="wrapper">
        <div class="search">
            <input class="search-box" type="text" placeholder="请输入用户名">
            <p>
                <span>Male</span>
                <span>Fmale</span>
                <span class="active">All</span>
            </p>
        </div>
        <div class="user-list">
            <ul>
               <!--  <li>
                    <img src="../../image/touxiang/touxiang (1).jpg" alt="">
                    <div class="chat">
                        <p class="username">ammy</p>
                        <p class="des">妻妾成群</p>
                    </div>
                </li>
                <li>
                    <img src="../../image/touxiang/touxiang (1).jpg" alt="">
                    <div class="chat">
                        <p class="username">ammy</p>
                        <p class="des">妻妾成群</p>
                    </div>
                </li> -->
            </ul>
        </div>
    </div>
    <!-- <script src="js筛选.js"></script> -->
    <script src="功能数据分离版.js"></script>
</body>

</html>